<!-- 票据应收款转让服务协议 -->
<template>
    <DialogProtocol ref="billContract" title="票据应收款转让服务协议" style="line-height: 20px;">
        <el-row class="content-padding">
            <el-col :span="8">
                <label>甲方（转让方）：</label><span>{{this.billContractCona.drawer_name}}</span>
            </el-col>
            <el-col :span="12">
                <label>法定代表人或负责人：</label><span>{{this.billContractCona.drawer_legalname}}</span>
            </el-col>
        </el-row>
        <el-row class="content-padding">
            <el-col :span="8">
                <label>乙方（受让方）：</label><span>{{this.billContractCona.receiver_name}}</span>
            </el-col>
            <el-col :span="12">
                <label>法定代表人或负责人：</label><span>{{this.billContractCona.receiver_legalname}}</span>
            </el-col>
        </el-row>
        <el-row class="content-padding">
            <el-col :span="24">
                <label>丙方（信息平台）：</label><span>上海票趣信息科技有限公司</span>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="24">
                <div class="content-padding">
                    根据《中华人民共和国合同法》、《中华人民共和国票据法》及相关法律法规的规定，甲乙丙三方在平等、自愿的基础上，就票据应收款转让及服务等有关事宜达成协议如下：
                </div>
                <div class="content-padding">
                    第一条 释义
                </div>
                <div class="content-padding">
                    一、<span class="font-bold">甲方：</span>指拟在丙方提供的信息平台上转让票据应收款的一方，根据本合同表述的需要，甲方在本合同中也可称之为转让方。
                </div>
                <div class="content-padding">
                    二、<span class="font-bold">乙方：</span>指拟在丙方提供的信息平台上受让票据应收款的一方，根据本合同表述的需要，乙方在本合同中也可称之为受让方。
                </div>
                <div class="content-padding">
                    三、<span class="font-bold">信息平台：</span>指丙方开发的汇票线平台，为交易双方提供交易服务的互联网网站及交易系统，根据本合同表述的需要，丙方在本合同中也可称之为信息平台。
                </div>
                <div class="content-padding">
                    四、<span class="font-bold">信息平台：</span>标的票据：指转让方在信息平台上发布的转让方拟转让其票据应收款于受让方的商业汇票。
                </div>
                <div class="content-padding">
                    五、 <span class="font-bold">信息平台：</span>发布日：就一笔标的票据而言，指其发布时间所在日期。
                </div>
                <div class="content-padding">
                    六、<span class="font-bold">兴业数字金融服务（上海）股份有限公司票据流转资金代管专户：</span>指甲方、乙方、丙方同意，由丙方合作机构
                    兴业数字金融服务（上海）股份有限公司（简称“兴业数金”）为方便转让方与受让方资金流转和安全而在兴业银行
                    开立的票据流转资金代管专户（简称“票据流转资金代管专户”）。
                </div>
                <div class="content-padding">
                    七、<span class="font-bold">服务费：</span>指信息平台及合作机构兴业数金基于其为交易双方提供的票据应收款转让相关服务而向受让方单方收
                    取的服务费。
                </div>
                <div class="content-padding">
                    八、 <span class="font-bold">票据应收款：</span>指标的票据的承兑人承担的在票据到期日无条件支付的票据款项。
                </div>
                <div class="content-padding">
                    九、 <span class="font-bold">票据应收款转让：</span>指转让方通过信息平台提供的服务在信息平台与受让方达成协议将票据背书转让方式将票据
                    应收款无条件不可撤销地转让给受让方的行为。
                </div>
                <div class="content-padding">
                    十、 <span class="font-bold">贴现金额：</span>指转让方与受让方签订交易合同时所达成的成交金额，即信息平台于转让成功时自票据流转资金代
                    管专户实际划入转让方收款账户的金额，其数额等于总扣款额减服务费。
                </div>
                <div class="content-padding">
                    十一、转让成功：本协议第六条第一款第5点条款赋予的含义。
                </div>
                <div class="content-padding">
                    十二、 转让失败：本协议第六条第一款第6点、第7点相关条款赋予的含义。
                </div>
                <div class="content-padding">
                    第二条 票据应收款的转让
                </div>
                <div class="content-padding">
                    甲方同意根据本合同约定的条款及条件向乙方转让相应的票据应收款，乙方同意根据本合同约定的条款及条件向甲方
                    支付本合同约定的金额。
                </div>
                <div class="content-padding">
                    第三条 乙方对价支付的前提条件
                </div>
                <div class="content-padding">
                    只有在以下条件全部满足的情形下，乙方才有义务向甲方支付受让票据的对价：
                </div>
                <div class="content-padding">
                    1.本合同已生效；
                </div>
                <div class="content-padding">
                    2.本合同项下甲方转让的标的票据不存在任何争议、纠纷。
                </div>
                <div class="content-padding">
                    3.甲方已将标的票据成功背书给乙方。
                </div>
                <div class="content-padding">
                    第四条 对价支付
                </div>
                <div class="content-padding">
                    一、上述第三条约定的对价支付的前提条件全部满足之后，乙方委托丙方（并且甲方同意由乙方委托丙方）将数额等
                    于实收金额的资金通过兴业银行资金代管专户转入甲方银行账户。
                </div>
                <div class="content-padding">
                    二、本合同各方均同意，在前述第三条约定前提条件全部满足的情形下，丙方合作机构兴业数金将根据乙方的委托于
                    成交日当日将乙方提前划入票据流转资金代管专户的数额等于实收金额的资金通过票据流转资金代管专户转入甲方指
                    定的银行账户，但若因系统关闭或故障等待特殊原因无法成交日当日完成划款，则兴业数金可于下一个工作日完成划
                    款。
                </div>
                <div class="content-padding">
                    三、本合同各方均确认及同意有关款项的计算规则：甲方实收金额（成交金额）=票面金额-贴现利息。
                </div>
                <div class="content-padding">
                    第五条 转让服务费
                </div>
                <div class="content-padding">
                    一、甲乙双方确认本合同基于丙方提供的转让服务达成，并同意由乙方单方面向丙方支付转让服务费；甲乙双方无条
                    件不可撤销地同意，委托兴业数金通过其自主研发的执剑人票据见证代管系统为甲乙双方提供票据流转见证、资金代
                    管等服务，由此产生的相关服务费包含在乙方向丙方支付的转让服务费中并由丙方代收。
                </div>
                <div class="content-padding">
                    二、转让服务费等于乙方按照丙方平台的服务费收取由平台标准支付，转让服务费=转让票据票面金额*转让服务费率
                    ，乙方同意根据本合同约定的服务费率向丙方支付转让服务费。转让服务费率以丙方公布的收费规则为准。
                </div>
                <div class="content-padding">
                    第六条 信息对接、资金代转及划转服务
                </div>
                <div class="content-padding">
                    一、 丙方及丙方合作机构根据标的票据转让订单为甲乙双方提供信息对接、资金代管及划转服务：
                </div>
                <div class="content-padding">
                    1.转让方将拟转让的标的票据于丙方信息平台发布后，受让方对其进行报价，转让方同意成交金额并确认在线签署本
                    合同后，订单生效，进入实际交易阶段。
                </div>
                <div class="content-padding">
                    2.受让方在有效时间内（30分钟）成功提交有效付款指令将受让资金划转入票据流转资金代管专户后，兴业银行将自
                    动将成交金额从受让方银行账户中划入票据流转资金代管专户，同时信息平台就该笔转让订单对受让方显示“你已支
                    付交易款，请等待持票方完成背书”，对转让方显示“资金方已打款，请完成背书并确认”。
                </div>
                <div class="content-padding">
                    3.当一笔标的票据在信息平台上对转让方显示“资金方已打款，请完成背书并确认”的状态时，转让方应当根据丙方
                    及丙方合作机构执剑人票据见证代管系统的提示在有效时间内（30分钟）办理标的票据的背书手续；若转让方将标的
                    票据成功背书给受让方，且转让方在有效时间内点击确认完成背书操作，则信息平台就该笔转让订单对转让方显示
                    “你已完成背书，请等待资金方签收电票”，对受让方显示“持票方已背书，请完成签收和申请解冻交易款”；
                </div>
                <div class="content-padding">
                    4.当一笔标的票据在信息平台上对受让方显示“持票方已背书，请完成签收和申请解冻交易款”的状态时，受让方应
                    在有效时间（30分钟）内点击确认完成签收操作并解冻交易款。若受让方未在有效时间内接收票据背书，则视为拒绝
                    接收票据背书。若在受让方签收票据背书之前，转让方撤销票据背书导致受让方无法签收票据，则视为撤销背书。
                </div>
                <div class="content-padding">
                    5.若受让方接收标的票据背书后在信息平台确认签收并解冻交易款，丙方合作机构兴业银行通过执剑人票据见证代管
                    系统将对标的票据的背书状态进行见证核实，若转让方成功将标的票据背书给受让方，则构成转让成功。转让成功后
                    ，则转让方可通过执剑人票据见证代管系统发出指令将票据流转资金代管专户内数额等于成交金额的资金划入转让方
                    银行指定账户内；若受让方接收标的票据背书后未在信息平台确认签收并解冻交易款，且执剑人票据代管系统进行核
                    验后，确认受让方已成功接收标的票据背书，则执剑人票据见证代管系统有权自行将票据流转资金代管专户内数额等
                    于成交金额的资金划入转让方银行指定账户内，由此产生的任何后果由受让方承担。
                </div>
                <div class="content-padding">
                    6.在前述情形下，若受让方未于有效时间内成功提交有效付款指令将资金转入票据流转资金代管专户，或受让方银行
                    账户内资金不足，或受让方主动取消交易，或拒绝接收票据背书，则票据应收款转让失败，由此产生合同无法履行的
                    责任由受让方承担。若受让方已经将资金转入票据流转资金代管专户，转让方未在有效时间将标的票据背书，或转让
                    方在票据背书后撤销背书、或转让方主动取消交易，则票据应收款转让失败，由此产生合同无法履行的责任由转让方
                    承担。
                </div>
                <div class="content-padding">
                    7.转让失败的，信息平台向转让方及受让方发出转让失败通知，同时票据流转资金代管专户将账户内数额等于受让方
                    实付金额的资金退回受让方执剑人票据见证代管系统的电子账户内；转让方与受让方将无法对该笔标的票据转让订单
                    进行任何操作。
                </div>
                <div class="content-padding">
                    二、信息平台正常发起转让的时间段为银行工作日的9：00-16：30，在16：30时后需要进行票据应收款转让见证审核
                    的订单，将在次日进行；信息平台根据业务情况针对转让的时间段进行调整并经预先公告的，则按照公告后的时间段
                    进行转让。
                </div>
                <div class="content-padding">
                    第七条 甲方的保证与承诺
                </div>
                <div class="content-padding">
                    一、甲方是一家根据中国法律设立的法人企业，自设立至今始终有效存续，且目前经营状况正常，具备签署本合同并
                    履行合同义务的民事权利能力和民事行为能力，甲方应根据丙方要求提供营业执照等主体资格资料。
                </div>
                <div class="content-padding">
                    二、 其签署本合同并履行本合同项下的义务（包括但不限于向乙方转让票据）已经得到甲方内部充分的授权，所需
                    的外部审批及同意（若有）亦已全部取得。
                </div>
                <div class="content-padding">
                    三、 签署本合同是甲方真实意思表示，本合同的签署不会导致违反适用于甲方的任何法律法规、规范性文件或甲方
                    章程或类似文件，也不会违反其与任何第三方签订的任何协议或承诺；本合同生效后，将构成甲方有约束力及执行力
                    的义务。
                </div>
                <div class="content-padding">
                    四、 除本合同签署前已书面通知丙方的（若有）以外，甲方不存在任何可能对本合同履行产生重大不利影响的诉讼
                    、仲裁、执行、申诉、复议、重组、破产、清算等程序及其他事件或情况。
                </div>
                <div class="content-padding">
                    五、本合同项下的标的票据为合法、真实、有效且不存在票据诈骗等违法犯罪情形，不属于风险票据、已挂失票据或
                    公示催告票据，标的票据记载事项完整，甲方为该标的票据的合法持有人并享有完整的票据应收款；
                </div>
                <div class="content-padding">
                    六、 标的票据为甲方背书受让，甲方保证其直接前手的背书是真实有效并对其真实性负责；标的票据为甲方以其他
                    合法方式取得的，甲方保证其受让是合法有效的并对合法性负责。
                </div>
                <div class="content-padding">
                    七、 除根据本合同甲方与乙方之间因转让票据产生的权利及负担外，标的票据及票据应收款均不能存在本合同未做
                    披露的任何债务负担或者第三方的权利主张、抵消权、质押或其他负担，甲方享有的票据收益权不存在本合同未做披
                    露的法律上的障碍，且转让后票据应收款上不存在本合同未做披露的任何债务负担或第三方的权利主张或抵消权。
                </div>
                <div class="content-padding">
                    八、 本合同生效后，甲方无权再对标的票据进行向除乙方之外的任何第三方转让标的票据。
                </div>
                <div class="content-padding">
                    九、 甲方在丙方提交的标的票据信息、背书账户信息等信息真实有效，否则由甲方提供信息错误造成的一切损失由
                    甲方承担。
                </div>
                <div class="content-padding">
                    十、甲方在此无条件不可撤销地授权丙方及丙方的合作机构通过电子商业汇票系统查询标的票据的票面信息、背书记
                    录、影像等相关信息，并委托丙方合作机构兴业数金代管票据应收款转让项下的款项。
                </div>
                <div class="content-padding">
                    十一、 标的票据转让过程中，甲方所有操作必须依照信息平台的提示进行并保障甲方联系方式的畅通，否则由于甲
                    方操作失误造成的一切损失由甲方承担。所需注意环节包括但不限于在订单进行中时，且满足本协议第6条情形下
                    ，甲方才可进行背书，并在对应环节有效时间内完成相应的操作行为，否则，自愿承担由此产生的全部不利结果。
                </div>
                <div class="content-padding">
                    十二、 甲方保证履行本合同项下转让方的承诺及义务。
                </div>
                <div class="content-padding">
                    第八条 乙方的保证与承诺
                </div>
                <div class="content-padding">
                    一、乙方是一家根据中国法律设立的法人企业，自设立至今始终有效存续，且目前经营状况正常，具备签署本合同并
                    履行合同义务的民事权利能力和民事行为能力，乙方应根据丙方要求提供营业执照等主体资格资料。
                </div>
                <div class="content-padding">
                    二、 其签署本合同并履行本合同项下的义务已经得到乙方内部充分的授权，所需的外部审批及同意（若有）亦已全
                    部取得。
                </div>
                <div class="content-padding">
                    三、 签署本合同是乙方真实意思表示，本合同的签署不会导致违反适用于乙方的任何法律法规、规范性文件或乙方
                    章程或类似文件，也不会违反其与任何第三方签订的任何协议或承诺；本合同生效后，将构成乙方有约束力及执行力
                    的义务。
                </div>
                <div class="content-padding">
                    四、 乙方不存在任何可能对本合同履行产生重大不利影响的诉讼、仲裁、执行、申诉、复议、重组、破产、清算等
                    程序及其他事件或情况。
                </div>
                <div class="content-padding">
                    五、 乙方在丙方信息平台提交的标的票据被背书账户信息等真实有效，否则由乙方提供信息错误造成的一切损失由
                    乙方承担。
                </div>
                <div class="content-padding">
                    六、 乙方无条件不可撤销地授权丙方及丙方的合作机构通过电子商业汇票系统查询标的票据的票面信息、背书记录
                    、影像等相关信息，并由丙方合作机构兴业数金代管票据应收款转让项下的资金。
                </div>
                <div class="content-padding">
                    七、 标的票据转让过程中，乙方所有操作必须依照信息平台的提示进行并保障乙方联系方式的畅通，否则由于乙方
                    操作失误造成的一切损失由乙方承担。所需注意环节包括但不限于满足本协议第六条情形下，乙方需及时根据本协议
                    约定办理票据背书相关手续，并在对应环节有效时间内完成相关操作；否则，自愿承担由此产生的全部不利结果。
                </div>
                <div class="content-padding">
                    八、 乙方保证履行本合同项下受让方的承诺及义务。
                </div>
                <div class="content-padding">
                    第九条 违约责任
                </div>
                <div class="content-padding">
                    任何一方违反本合同项下任何承诺及保证或违反本合同项下任何其他义务，则构成违约。守约方有权要求违约方限期
                    纠正违约行为并采取补救措施。违约方的违约行为给对方造成损失，应予赔偿。
                </div>
                <div class="content-padding">
                    第十条 争议解决
                </div>
                <div class="content-padding">
                    一、 任何一方本合同的订立、效力、解释、履行及争议的解决均适用中华人民共和国法律。
                </div>
                <div class="content-padding">
                    二、 凡由本合同引起的或与本合同有关的争议和纠纷，各方应协商解决；不能协商或协商不能达成一致的，同意提
                    交上海仲裁委员会根据其先行有效的仲裁规则仲裁解决，仲裁地点为上海市。
                </div>
                <div class="content-padding">
                    第十一条 合同生效
                </div>
                <div class="content-padding">
                    各方同意本合同以下任何一种形式生效：
                </div>
                <div class="content-padding">
                    1.本合同自甲、乙、丙三方根据电子签名相关法律法规线上签署之日生效。
                </div>
                <div class="content-padding">
                    2.本合同自甲、乙双方通过汇票线平台阅读并点击同意接受本合同后生效。
                </div>
                <div class="content-padding">
                    第十二条 其他事宜
                </div>
                <div class="content-padding">
                    本合同未尽事宜，由三方协商并签订补充合同确定，补充合同与本合同具有同等法律效力。
                </div>
                <div class="content-padding">
                    第十三条 转让订单概要
                </div>
                <div class="content-padding">
                    标的票据信息、背书人信息、被背书人信息、成交对价信息：
                </div>
            </el-col>
            <el-col :span="24" class="bill-contract-box">
                <el-table
                        :data="tableData1"
                        style="width: 100%"
                        class="table-1">
                    <el-table-column
                            prop="label"
                            label=""
                            width="150">
                    </el-table-column>
                    <el-table-column
                            prop="info"
                            label="票据信息概要"
                            width="750px">
                    </el-table-column>
                </el-table>
                <el-table
                        :data="tableData2"
                        style="width: 100%"
                        class="table-2">
                    <el-table-column
                            prop="label"
                            label=""
                            width="150">
                    </el-table-column>
                    <el-table-column
                            prop="info"
                            label="背书人信息(转让方)"
                            width="750px">
                    </el-table-column>
                </el-table>
                <el-table
                        :data="tableData3"
                        style="width: 100%"
                        class="table-3">
                    <el-table-column
                            prop="label"
                            label=""
                            width="150">
                    </el-table-column>
                    <el-table-column
                            prop="info"
                            label="被背书人信息(受让方)"
                            width="750px">
                    </el-table-column>
                </el-table>
                <el-table
                        :data="tableData4"
                        style="width: 100%"
                        class="table-3">
                    <el-table-column
                            prop="label"
                            label=""
                            width="150">
                    </el-table-column>
                    <el-table-column
                            prop="info"
                            label="成交金额"
                            width="750px">
                    </el-table-column>
                </el-table>
                <div class="table-3-bottom">甲方、乙方均已通读上述条款，甲方、乙方对其的本合同下的权利义务已充分熟悉；甲乙双方对本合同所有内容均无异议。</div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="16" class="sign-right">签订日期：</el-col>
            <el-col :span="8">{{this.billContractCona.systemTime | formatDate}}</el-col>
        </el-row>
    </DialogProtocol>
</template>

<script lang="ts">
    import { Vue, Component, Prop } from 'vue-property-decorator';
    import DialogProtocol from '@component/common/DialogProtocol.vue';
    import { mapState, mapGetters, mapMutations } from 'vuex';
    import moment from 'moment'
    @Component({
        components: {
            DialogProtocol
        },
        computed: {
            ...mapState('myBill', ['billContractCona'])
        }
    })
    export default class BillContract extends Vue {
        get tableData1() {
            return [
                { label: '票据类型', info: '电票' },
                { label: '票据号', info: this.billContractCona.bill_number }, 
                { label: '承兑人全称', info: this.billContractCona.acceptor_name },
                { label: '票面金额', info: this.billContractCona.bill_sum_price + '元' },
                { label: '汇票到期日', info: moment(this.billContractCona.bill_deadline_time).format('YYYY-MM-DD') }
            ]
        }
        get tableData2 () {
             return [
                 { label: '背书人户名', info: this.billContractCona.drawer_account_person },
                 { label: '背书人开户行', info: this.billContractCona.drawer_bank_name },
                 { label: '银行帐号', info: this.billContractCona.drawer_account_number },
                 { label: '联行号', info: this.billContractCona.drawer_bank_number },
             ]
        }
        get tableData3 () {
            return [
                { label: '被背书人户名', info: this.billContractCona.receiver_account_person },
                { label: '被背书人开户行', info: this.billContractCona.receiver_bank_name },
                { label: '银行帐号', info: this.billContractCona.receiver_account_number },
                { label: '联行号', info: this.billContractCona.receiver_bank_number },
            ]
        }
        get tableData4 () {
            return [
                { label: '贴现金额', info: this.billContractCona.deal_price + '元'},
                { label: '平台服务费(汇票豆)', info: this.billContractCona.server_price + '个' },
                { label: '总扣款额', info: this.billContractCona.total_deal_price + '元' },
            ]
        }
        openDialog () {
            this.$refs['billContract'].openDialog();
        }
        created () {

        }
        mounted () {

        }
    }
</script>

<style lang="scss">
    .bill-contract-box {
        border: 1px solid $__color-border;
        tbody {
            .el-table__row {
                td:nth-child(1){
                    border-right: 1px solid $__color-border;
                }
            }
        }
        .table-3-bottom {
            border-top: none;
            height: 48px;
            line-height: 48px;
            padding-left: 4px;
        }
        .el-table th.is-leaf, .el-table td {
            border-bottom: 1px solid $__color-border;
        }
        table {
            border-color: $__color-border;
        }
        .el-table--group::after, .el-table--border::after, .el-table::before {
            background-color: $__color-border !important;
        }
    }
</style>